<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <title> 自行车后台管理</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
    <link href="../css/common.css" rel="stylesheet">
    <link href="../css/main.css" rel="stylesheet">
    <link href="http://g.alicdn.com/bui/bui/1.1.21/css/bs3/bui.css" rel="stylesheet">
    <style type="text/css">
    .contextMenuPlugin {  
        width: 110px;
        padding: 0;
        border: 1px solid #ccc;
        box-shadow: 0 0 15px #000;
        position: absolute;
    }
    .contextMenuPlugin li {
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background-color: #fff;cursor: pointer;
    }
    .contextMenuPlugin li:hover {
        background-color: #324e75;
    }
    .contextMenuPlugin > li > a:hover {
        border: 0;
        background: none;
        outline: 0;
    }
    .contextMenuPlugin li:hover span {
        color: #fff
    }
    .contextMenuPlugin > li > a {
        margin: 0;width: 100%
    }
    .contextMenuPlugin span {
        font-size: 14px;
        cursor: pointer;color: #494949
    }
    .main3_3{overflow: hidden;}
    </style>
    <!-- jqgrid-->
</head>

<body class="fixed-sidebar full-height-layout gray-bg" style="padding: 20px 0">
    <div class="main3_3 cl">
        <!-- 一级标签 -->
        <div class="tabs_first">
            <label><input type="radio" name="aaa" checked value="1">自行车</label>
            <label><input type="radio" name="aaa" value="2">锁住</label>
        </div>
        <!-- 一级标签 -->

        <!-- 二级标签 -->
        <div class="tabs_second disN">
            <p>
                <a href="javascript:void(0)">长时间未使用设备</a>
                <a href="javascript:void(0)">离线/在线</a>
                <a href="javascript:void(0)">未更新设备</a>
            </p>
        </div>
        <!-- 二级标签 -->

        <!-- 二级标签第一个 -->
        <div class="lock1 lock disN clear">
            <!-- 第一个框框 -->
            <div class="input3_3 main fl input2_2">
                <form>
                    <ul>
                        
                        <li>
                            <label for="">
                                <span>&nbsp;停&nbsp;车&nbsp;点&nbsp;：</span>
                                <input type="text" placeholder="请输入">
                            </label>
                        </li>
                        <li class="day_num">
                            <label for="">
                                <span>天数范围：</span>
                                <input type="text" placeholder="请输入"> -
                                <input type="text" placeholder="请输入">
                            </label>
                        </li>
                        <li><span></span></li>
                        <li class="main_btn">
                            <label for="">
                                <input type="button" value="查询">
                                <input type="button" value="导出excel">
                                <input type="button" value="重置">
                            </label>
                        </li>
                       
                    </ul>
                </form>
            </div>
            <!-- 第一个框框 -->
            <!-- 第二个框框 表格-->
            <div  class="fl form33_sty">
                <div class="form10_tab">
                    <table>
                        <tr>
                            <th>编号</th>
                            <th>用户名</th>
                            <th>卡号</th>
                            <th>卡类型</th>
                            <th>用户状态</th>
                            <th>余额</th>
                            <th>手机号码</th>
                            <th>证件号</th>
                            <th>开户时间</th>
                            <th>操作员</th>
                        </tr>
                        <tr>
                            <td>1101</td>
                            <td class="green">201503</td>
                            <td>正常</td>
                            <td>3/0/4</td>
                            <td>盈泽演示</td>
                            <td>192.168.10.144</td>
                            <td>2005</td>
                            <td>市财政局</td>
                            <td>天元区</td>
                            <td class="green">TN-黄河南</td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>1101</td>
                            <td class="green">201503</td>
                            <td>正常</td>
                            <td>3/0/4</td>
                            <td>盈泽演示</td>
                            <td>192.168.10.144</td>
                            <td>2005</td>
                            <td>市财政局</td>
                            <td>天元区</td>
                            <td class="green">TN-黄河南</td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>1101</td>
                            <td class="green">201503</td>
                            <td>正常</td>
                            <td>3/0/4</td>
                            <td>盈泽演示</td>
                            <td>192.168.10.144</td>
                            <td>2005</td>
                            <td>市财政局</td>
                            <td>天元区</td>
                            <td class="green">TN-黄河南</td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>1101</td>
                            <td class="green">201503</td>
                            <td>正常</td>
                            <td>3/0/4</td>
                            <td>盈泽演示</td>
                            <td>192.168.10.144</td>
                            <td>2005</td>
                            <td>市财政局</td>
                            <td>天元区</td>
                            <td class="green">TN-黄河南</td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>1101</td>
                            <td class="green">201503</td>
                            <td>正常</td>
                            <td>3/0/4</td>
                            <td>盈泽演示</td>
                            <td>192.168.10.144</td>
                            <td>2005</td>
                            <td>市财政局</td>
                            <td>天元区</td>
                            <td class="green">TN-黄河南</td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>1101</td>
                            <td class="green">201503</td>
                            <td>正常</td>
                            <td>3/0/4</td>
                            <td>盈泽演示</td>
                            <td>192.168.10.144</td>
                            <td>2005</td>
                            <td>市财政局</td>
                            <td>天元区</td>
                            <td class="green">TN-黄河南</td>
                        </tr>
                    </table>
                </div>
                <div class="pages">
                    <ul>
                        <li>共28条</li>
                        <li>第1/1页</li>
                        
                        <li><a href="javascript:void(0)" class="pre_page"><</a></li>
                        <li>
                            <ul class="change">
                                <li><a href="javascript:void(0)" class="active">1</a></li>
                                <li><a href="javascript:void(0)">2</a></li>
                                <li><a href="javascript:void(0)">3</a></li>
                                <li><a href="javascript:void(0)">4</a></li>
                            </ul>
                        </li>
                        <li><a href="javascript:void(0)" class="next_page active">></a></li>
                        <li>跳转到第<input type="text">页&nbsp;<a href="javascript:void(0)" class="active1">跳转</a></li>
                    </ul>
                </div>
                <!-- 添加窗口 -->
                <div class="form34_1 form3_1 disN">
                    <table>
                        <tr>
                            <th colspan=4>添加自行车<a href="javascript:void(0)" class="close"></a></th>
                        </tr>
                        <tr>
                            <td>车牌号：</td>
                            <td>
                               <input type="text" name="" placeholder="110">
                            </td>
                            <td>自行车标签号：</td>
                            <td>
                               <input type="text" name="" placeholder="110">
                            </td>
                        </tr>
                        <tr>
                            <td>序列号：</td>
                            <td>
                               <input type="text" name="" placeholder="天安门广场">
                            </td>
                            <td>自行车密码：</td>
                            <td>
                               <input type="password" name="" placeholder="密码不可见">
                            </td>
                        </tr>
                        <tr>
                            <td>类型：</td>
                            <td>
                                <select>
                                    <option>类型一</option>
                                    <option>北京东路二号</option>
                                </select>
                            </td>
                            <td>重复密码：</td>
                            <td>
                               <input type="password" name="" placeholder="密码不可见">
                            </td>
                        </tr>
                        <tr>
                            <td>状态：</td>
                            <td>
                                <select>
                                    <option>可用</option>
                                    <option>北京东路二号</option>
                                </select>
                            </td>
                            <td>备注：</td>
                            <td>
                                <textarea name="" id="" cols="30" rows="3"></textarea>
                            </td>
                        </tr>
                    </table>
                    <div class="form341_btn">
                        <input type="button" name="" value="确定" class="sure">
                        <input type="button" name="" value="取消" class="cancel">
                    </div>
                    <a href="javascript:void(0)" class="disN">&nbsp;</a>
                </div>
                <!-- 添加窗口 -->
                <!-- 删除窗口 -->
                <div class="form31_2 form3_1 disN">
                    <div class="bell">
                        <img src="../img/bell.png">
                        <span>确定删除?</span>
                        <span class="grey">删除后不可恢复</span>
                    </div>
                    <div class="form312_btn">
                        <input type="button" name="" value="取消" class="cancel">
                        <input type="button" name="" value="确定" class="sure">
                    </div>
                    <a href="javascript:void(0)" class="disN">&nbsp;</a>
                </div>
                <!-- 删除窗口 -->
                <!-- 修改窗口 -->
                <div class="form34_3 form3_1 disN">
                    <table>
                        <tr>
                            <th colspan=4>修改自行车<a href="javascript:void(0)" class="close"></a></th>
                        </tr>
                        <tr>
                            <td>车牌号：</td>
                            <td>
                               <input type="text" name="" placeholder="110">
                            </td>
                            <td>自行车标签号：</td>
                            <td>
                               <input type="text" name="" placeholder="110">
                            </td>
                        </tr>
                        <tr>
                            <td>序列号：</td>
                            <td>
                               <input type="text" name="" placeholder="天安门广场">
                            </td>
                            <td>自行车密码：</td>
                            <td>
                               <input type="password" name="" placeholder="密码隐藏">
                            </td>
                        </tr>
                        <tr>
                            <td>类型：</td>
                            <td>
                                <select>
                                    <option>北京路一号</option>
                                    <option>北京东路二号</option>
                                </select>
                            </td>
                            <td>重复密码：</td>
                            <td>
                               <input type="password" name="" placeholder="密码隐藏">
                            </td>
                        </tr>
                        <tr>
                            <td>状态：</td>
                            <td>
                                <select>
                                    <option>状态一</option>
                                    <option>北京东路二号</option>
                                </select>
                            </td>
                            <td>备注：</td>
                            <td>
                                <textarea name="" id="" cols="30" rows="3"></textarea>
                            </td>
                        </tr>
                    </table>
                    <div class="form343_btn">
                        <input type="button" name="" value="确定" class="sure">
                        <input type="button" name="" value="取消" class="cancel">
                    </div>
                    <a href="javascript:void(0)" class="disN">&nbsp;</a>
                </div>
                <!-- 修改窗口 -->
            </div>
            <!-- 第二个框框 -->
        </div>
        <!-- 二级标签第一个 -->

        <!-- 二级标签第二个 -->
        <div class="lock2 lock disN clear">
            <!-- 第一个框框 -->
            <div class="input3_3 main fl input2_2">
                <form>
                    <ul>
                        
                        <li>
                            <label for="">
                                <span>统计区域：</span>
                                <input type="text" placeholder="请输入">
                            </label>
                        </li>
                        <li>
                            <label for="">
                                <span>&nbsp;停&nbsp;车&nbsp;点&nbsp;：</span>
                                <input type="text" placeholder="请输入">
                            </label>
                        </li>
                        <li><span></span></li>
                        <li class="main_btn">
                            <label for="">
                                <input type="button" value="查询">
                                <input type="button" value="导出excel">
                                <input type="button" value="重置">
                            </label>
                        </li>
                       
                    </ul>
                </form>
            </div>
            <!-- 第一个框框 -->
            <!-- 第二个框框 表格-->
            <div class="fl form33_sty">
                <div class="form10_tab">
                    <table>
                        <tr>
                            <th>编号</th>
                            <th>用户名</th>
                            <th>卡号</th>
                            <th>卡类型</th>
                            <th>用户状态</th>
                            <th>余额</th>
                            <th>手机号码</th>
                            <th>证件号</th>
                            <th>开户时间</th>
                            <th>操作员</th>
                        </tr>
                        <tr>
                            <td>1101</td>
                            <td class="green">201503</td>
                            <td>正常</td>
                            <td>3/0/4</td>
                            <td>盈泽演示</td>
                            <td>192.168.10.144</td>
                            <td>2005</td>
                            <td>市财政局</td>
                            <td>天元区</td>
                            <td class="green">TN-黄河南</td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td>aaaaaaaaaa</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td>aaaaaaaaaa</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td>aaaaaaaaaa</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td>aaaaaaaaaa</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td>ffffffffffff</td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td>aaaaaaaaaa</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr><tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td>aaaaaaaaaa</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                    </table>
                </div>
                <div class="pages">
                    <ul>
                        <li>共28条</li>
                        <li>第1/1页</li>
                        
                        <li><a href="javascript:void(0)" class="pre_page"><</a></li>
                        <li>
                            <ul class="change">
                                <li><a href="javascript:void(0)" class="active">1</a></li>
                                <li><a href="javascript:void(0)">2</a></li>
                                <li><a href="javascript:void(0)">3</a></li>
                                <li><a href="javascript:void(0)">4</a></li>
                            </ul>
                        </li>
                        <li><a href="javascript:void(0)" class="next_page active">></a></li>
                        <li>跳转到第<input type="text">页&nbsp;<a href="javascript:void(0)" class="active1">跳转</a></li>
                    </ul>
                </div>
                <!-- 添加窗口 -->
                <div class="form34_1 form3_1 disN">
                    <table>
                        <tr>
                            <th colspan=4>添加自行车<a href="javascript:void(0)" class="close"></a></th>
                        </tr>
                        <tr>
                            <td>车牌号：</td>
                            <td>
                               <input type="text" name="" placeholder="110">
                            </td>
                            <td>自行车标签号：</td>
                            <td>
                               <input type="text" name="" placeholder="110">
                            </td>
                        </tr>
                        <tr>
                            <td>序列号：</td>
                            <td>
                               <input type="text" name="" placeholder="天安门广场">
                            </td>
                            <td>自行车密码：</td>
                            <td>
                               <input type="password" name="" placeholder="密码不可见">
                            </td>
                        </tr>
                        <tr>
                            <td>类型：</td>
                            <td>
                                <select>
                                    <option>类型一</option>
                                    <option>北京东路二号</option>
                                </select>
                            </td>
                            <td>重复密码：</td>
                            <td>
                               <input type="password" name="" placeholder="密码不可见">
                            </td>
                        </tr>
                        <tr>
                            <td>状态：</td>
                            <td>
                                <select>
                                    <option>可用</option>
                                    <option>北京东路二号</option>
                                </select>
                            </td>
                            <td>备注：</td>
                            <td>
                                <textarea name="" id="" cols="30" rows="3"></textarea>
                            </td>
                        </tr>
                    </table>
                    <div class="form341_btn">
                        <input type="button" name="" value="确定" class="sure">
                        <input type="button" name="" value="取消" class="cancel">
                    </div>
                    <a href="javascript:void(0)" class="disN">&nbsp;</a>
                </div>
                <!-- 添加窗口 -->
                <!-- 删除窗口 -->
                <div class="form31_2 form3_1 disN">
                    <div class="bell">
                        <img src="../img/bell.png">
                        <span>确定删除?</span>
                        <span class="grey">删除后不可恢复</span>
                    </div>
                    <div class="form312_btn">
                        <input type="button" name="" value="取消" class="cancel">
                        <input type="button" name="" value="确定" class="sure">
                    </div>
                    <a href="javascript:void(0)" class="disN">&nbsp;</a>
                </div>
                <!-- 删除窗口 -->
                <!-- 修改窗口 -->
                <div class="form34_3 form3_1 disN">
                    <table>
                        <tr>
                            <th colspan=4>修改自行车<a href="javascript:void(0)" class="close"></a></th>
                        </tr>
                        <tr>
                            <td>车牌号：</td>
                            <td>
                               <input type="text" name="" placeholder="110">
                            </td>
                            <td>自行车标签号：</td>
                            <td>
                               <input type="text" name="" placeholder="110">
                            </td>
                        </tr>
                        <tr>
                            <td>序列号：</td>
                            <td>
                               <input type="text" name="" placeholder="天安门广场">
                            </td>
                            <td>自行车密码：</td>
                            <td>
                               <input type="password" name="" placeholder="密码隐藏">
                            </td>
                        </tr>
                        <tr>
                            <td>类型：</td>
                            <td>
                                <select>
                                    <option>北京路一号</option>
                                    <option>北京东路二号</option>
                                </select>
                            </td>
                            <td>重复密码：</td>
                            <td>
                               <input type="password" name="" placeholder="密码隐藏">
                            </td>
                        </tr>
                        <tr>
                            <td>状态：</td>
                            <td>
                                <select>
                                    <option>状态一</option>
                                    <option>北京东路二号</option>
                                </select>
                            </td>
                            <td>备注：</td>
                            <td>
                                <textarea name="" id="" cols="30" rows="3"></textarea>
                            </td>
                        </tr>
                    </table>
                    <div class="form343_btn">
                        <input type="button" name="" value="确定" class="sure">
                        <input type="button" name="" value="取消" class="cancel">
                    </div>
                    <a href="javascript:void(0)" class="disN">&nbsp;</a>
                </div>
                <!-- 修改窗口 -->
            </div>
            <!-- 第二个框框 -->
        </div>
        <!-- 二级标签第二个 -->

        <!-- 二级标签第三个 -->
        <div class="lock3 lock disN clear">
            <!-- 第一个框框 -->
            <div class="input3_3 main fl input2_2">
                <form>
                    <ul>
                        
                        <li>
                            <label for="">
                                <span>所属区域：</span>
                                <input type="text" placeholder="请输入">
                            </label>
                        </li>
                        <li>
                            <label for="">
                                <span>&nbsp;停&nbsp;车&nbsp;点&nbsp;：</span>
                                <input type="text" placeholder="请输入">
                            </label>
                        </li>
                        <li class="time">
                            <div class="demo-content">
                                <form method="post">
                                    <p>
                                        <label>开卡时间：</label>
                                        <input type="text" class="calendar" />
                                    </p><!-- 
                                     --><p>
                                        <label>至</label>
                                        <input type="text" class="calendar" />
                                    </p>
                                </form>
                                <script src="../bui/jquery-1.8.1.min.js"></script>
                                <script src="../bui/sea.js"></script>
                                <script src="http://g.alicdn.com/bui/bui/1.1.21/config.js"></script>
                                <!-- script start -->
                                <script type="text/javascript">
                                BUI.use('bui/calendar', function(Calendar) {
                                    var datepicker = new Calendar.DatePicker({
                                        trigger: '.calendar',
                                        autoRender: true
                                    });
                                });
                                </script>
                                <!-- script end -->
                            </div>
                        </li>
                        <li>
                            <label for="">
                                <span>时长类型：</span>
                                <select>
                                    <option>1小时</option>
                                    <option>2小时</option>
                                    <option>12小时</option>
                                    <option>24小时</option>
                                    <option>72小时</option>
                                    <option>108小时</option>
                                </select>
                            </label>
                        </li>
                        <li class="day_num">
                            <label for="">
                                <span>天数范围：</span>
                                <input type="text" placeholder="请输入"> -
                                <input type="text" placeholder="请输入">
                            </label>
                        </li>
                        <li><span></span></li>
                        <li class="main_btn">
                            <label for="">
                                <input type="button" value="查询">
                                <input type="button" value="导出excel">
                                <input type="button" value="重置">
                            </label>
                        </li>
                       
                    </ul>
                </form>
            </div>
            <!-- 第一个框框 -->
            <!-- 第二个框框 表格-->
            <div class="fl form33_sty">
                <div class="form10_tab">
                    <table>
                        <tr>
                            <th>编号</th>
                            <th>用户名</th>
                            <th>卡号</th>
                            <th>卡类型</th>
                            <th>用户状态</th>
                            <th>余额</th>
                            <th>手机号码</th>
                            <th>证件号</th>
                            <th>开户时间</th>
                            <th>操作员</th>
                        </tr>
                        <tr>
                            <td>1101</td>
                            <td class="green">201503</td>
                            <td>正常</td>
                            <td>3/0/4</td>
                            <td>盈泽演示</td>
                            <td>192.168.10.144</td>
                            <td>2005</td>
                            <td>市财政局</td>
                            <td>天元区</td>
                            <td class="green">TN-黄河南</td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td>aaaaaaaaaaaa</td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>1101</td>
                            <td class="green">201503</td>
                            <td>正常</td>
                            <td>3/0/4</td>
                            <td>盈泽演示</td>
                            <td>192.168.10.144</td>
                            <td>2005</td>
                            <td>市财政局</td>
                            <td>天元区</td>
                            <td class="green">TN-黄河南</td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>1101</td>
                            <td class="green">201503</td>
                            <td>正常</td>
                            <td>3/0/4</td>
                            <td>盈泽演示</td>
                            <td>192.168.10.144</td>
                            <td>2005</td>
                            <td>市财政局</td>
                            <td>天元区</td>
                            <td class="green">TN-黄河南</td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>1101</td>
                            <td class="green">201503</td>
                            <td>正常</td>
                            <td>3/0/4</td>
                            <td>盈泽演示</td>
                            <td>192.168.10.144</td>
                            <td>2005</td>
                            <td>市财政局</td>
                            <td>天元区</td>
                            <td class="green">TN-黄河南</td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>1101</td>
                            <td class="green">201503</td>
                            <td>正常</td>
                            <td>3/0/4</td>
                            <td>盈泽演示</td>
                            <td>192.168.10.144</td>
                            <td>2005</td>
                            <td>市财政局</td>
                            <td>天元区</td>
                            <td class="green">TN-黄河南</td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>1101</td>
                            <td class="green">201503</td>
                            <td>正常</td>
                            <td>3/0/4</td>
                            <td>盈泽演示</td>
                            <td>192.168.10.144</td>
                            <td>2005</td>
                            <td>市财政局</td>
                            <td>天元区</td>
                            <td class="green">TN-黄河南</td>
                        </tr>
                    </table>
                </div>
                <div class="pages">
                    <ul>
                        <li>共28条</li>
                        <li>第1/1页</li>
                        
                        <li><a href="javascript:void(0)" class="pre_page"><</a></li>
                        <li>
                            <ul class="change">
                                <li><a href="javascript:void(0)" class="active">1</a></li>
                                <li><a href="javascript:void(0)">2</a></li>
                                <li><a href="javascript:void(0)">3</a></li>
                                <li><a href="javascript:void(0)">4</a></li>
                            </ul>
                        </li>
                        <li><a href="javascript:void(0)" class="next_page active">></a></li>
                        <li>跳转到第<input type="text">页&nbsp;<a href="javascript:void(0)" class="active1">跳转</a></li>
                    </ul>
                </div>
                <!-- 添加窗口 -->
                <div class="form34_1 form3_1 disN">
                    <table>
                        <tr>
                            <th colspan=4>添加自行车<a href="javascript:void(0)" class="close"></a></th>
                        </tr>
                        <tr>
                            <td>车牌号：</td>
                            <td>
                               <input type="text" name="" placeholder="110">
                            </td>
                            <td>自行车标签号：</td>
                            <td>
                               <input type="text" name="" placeholder="110">
                            </td>
                        </tr>
                        <tr>
                            <td>序列号：</td>
                            <td>
                               <input type="text" name="" placeholder="天安门广场">
                            </td>
                            <td>自行车密码：</td>
                            <td>
                               <input type="password" name="" placeholder="密码不可见">
                            </td>
                        </tr>
                        <tr>
                            <td>类型：</td>
                            <td>
                                <select>
                                    <option>类型一</option>
                                    <option>北京东路二号</option>
                                </select>
                            </td>
                            <td>重复密码：</td>
                            <td>
                               <input type="password" name="" placeholder="密码不可见">
                            </td>
                        </tr>
                        <tr>
                            <td>状态：</td>
                            <td>
                                <select>
                                    <option>可用</option>
                                    <option>北京东路二号</option>
                                </select>
                            </td>
                            <td>备注：</td>
                            <td>
                                <textarea name="" id="" cols="30" rows="3"></textarea>
                            </td>
                        </tr>
                    </table>
                    <div class="form341_btn">
                        <input type="button" name="" value="确定" class="sure">
                        <input type="button" name="" value="取消" class="cancel">
                    </div>
                    <a href="javascript:void(0)" class="disN">&nbsp;</a>
                </div>
                <!-- 添加窗口 -->
                <!-- 删除窗口 -->
                <div class="form31_2 form3_1 disN">
                    <div class="bell">
                        <img src="../img/bell.png">
                        <span>确定删除?</span>
                        <span class="grey">删除后不可恢复</span>
                    </div>
                    <div class="form312_btn">
                        <input type="button" name="" value="取消" class="cancel">
                        <input type="button" name="" value="确定" class="sure">
                    </div>
                    <a href="javascript:void(0)" class="disN">&nbsp;</a>
                </div>
                <!-- 删除窗口 -->
                <!-- 修改窗口 -->
                <div class="form34_3 form3_1 disN">
                    <table>
                        <tr>
                            <th colspan=4>修改自行车<a href="javascript:void(0)" class="close"></a></th>
                        </tr>
                        <tr>
                            <td>车牌号：</td>
                            <td>
                               <input type="text" name="" placeholder="110">
                            </td>
                            <td>自行车标签号：</td>
                            <td>
                               <input type="text" name="" placeholder="110">
                            </td>
                        </tr>
                        <tr>
                            <td>序列号：</td>
                            <td>
                               <input type="text" name="" placeholder="天安门广场">
                            </td>
                            <td>自行车密码：</td>
                            <td>
                               <input type="password" name="" placeholder="密码隐藏">
                            </td>
                        </tr>
                        <tr>
                            <td>类型：</td>
                            <td>
                                <select>
                                    <option>北京路一号</option>
                                    <option>北京东路二号</option>
                                </select>
                            </td>
                            <td>重复密码：</td>
                            <td>
                               <input type="password" name="" placeholder="密码隐藏">
                            </td>
                        </tr>
                        <tr>
                            <td>状态：</td>
                            <td>
                                <select>
                                    <option>状态一</option>
                                    <option>北京东路二号</option>
                                </select>
                            </td>
                            <td>备注：</td>
                            <td>
                                <textarea name="" id="" cols="30" rows="3"></textarea>
                            </td>
                        </tr>
                    </table>
                    <div class="form343_btn">
                        <input type="button" name="" value="确定" class="sure">
                        <input type="button" name="" value="取消" class="cancel">
                    </div>
                    <a href="javascript:void(0)" class="disN">&nbsp;</a>
                </div>
                <!-- 修改窗口 -->
            </div>
            <!-- 第二个框框 -->
        </div>
        <!-- 二级标签第三个 -->
        <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
        <script src="../js/jquery.contextmenu.js"></script>
        <script>
        $(function() {
            $('.form10_tab tr').contextPopup({
                // title: 'My Popup Menu',
                items: [{
                    label: '添加',
                    // icon: 'img/right_add.png',
                    action: function() {
                        $(".form3_1").hide();
                        $(".form34_1").show()
                    }
                }, {
                    label: '删除',
                    // icon: 'img/right_del.png',
                    action: function() {
                        $(".form3_1").hide();
                        $(".form31_2").show()
                    }
                }, {
                    label: '修改',
                    // icon: 'img/right_gai.png',
                    action: function() {
                        $(".form3_1").hide();
                        $(".form34_3").show()
                    }
                }]
            });
        });
        </script>
        <script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>
        <script>
        $(".cancel,.close").click(function() {
            $(".form3_1").hide()
        })
        // 点击翻页
        $(".change a").click(function () {
            $(".change a").removeClass('active');
            $(this).addClass('active');
            var num1=$(this).index();
            var num2=$(".change a:last-child").index();
            // 判断是不是第一个
            if (num2==0) {

            } else {}
            // 判断是不是最后一个
            if (num1==num2) {

            } else {}
        })
        // 点击上一页
        $(".pre_page").click(function () {
            var pre_page=$(".change a").index();
            if (pre_page==0) {

            } else {}
            
        })
        // 切换自行车和锁住
        $(".tabs_first input[type=radio]").click(function() {
            // 获取点击的value值
            var value_num = $(this).attr('value');
            if (value_num == 2) {
                $(".tabs_second,.lock").show();
            } else {
                $(".tabs_second,.lock").hide();
            }
        })
        //锁住下三个标签栏切换
        $(".tabs_second a").click(function() {
            var num=$(this).index();
            $(".tabs_second a").removeClass('active35');
            $(this).addClass('active35');
            $(".lock").hide();
            $(".lock").eq(num).show()
        });
        </script>
        
    </div>
</body>
</html>
